
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>E企行</title>
<link rel="stylesheet" href="css/style1.css">
<script src="js/jquery-3.2.1.min.js"></script>
</head>
<body>

<div class="main">
  
  <div class="container">
    <div class="">
      <a href="http://www.pinbayun.com/">
        <img style="width:48px;height:48px;float: left" src="images/back.png" alt="">
        <a href="http://www.pinbayun.com/" class="back" style="float: left">返回</a>
      </a> 
    </div>

    <p class="h" style="margin-bottom:20px; text-align:center;margin-top: 120px;margin-bottom: 120px;">E企行视频介绍</p>
    <div class="videoList">
      <ul>
        <li class="li1">
          <a target="_blank" href="https://v.qq.com/x/page/m0373gm8ndo.html" title="">
            <img src="images/gonggao.jpg" alt=""> 
            <p class="p11 prevent current">&nbsp;&nbsp;&nbsp;&nbsp;E企行公告</p> 
          </a>
        </li>
        <li class="li2">
          <a target="_blank" href="https://v.qq.com/x/page/c0373xoa1zg.html" title="">
            <img src="images/tongqinche.jpg" alt=""> 
            <p class="p22 prevent">&nbsp;&nbsp;E企行通勤车</p> 
          </a>
        </li>
        <li class="li3"><a target="_blank" href="https://v.qq.com/x/page/p0373yfyhl8.html" title=""><img src="images/gongwuche1.jpg" alt=""> <p class="p33 prevent">&nbsp;&nbsp;E企行公务车1</p> </a></li>
        <li class="li4"><a target="_blank" href="https://v.qq.com/x/page/t0380qo9vzg.html" title=""><img src="images/gongwuche2.jpg" alt=""> <p class="p44 prevent">&nbsp;&nbsp;E企行公务车2</p> </a></li>


        <!-- <li><a target="_blank" href="https://v.qq.com/x/page/c0373xoa1zg.html" title="">通勤车</a></li>
        <li><a target="_blank" href="https://v.qq.com/x/page/p0373yfyhl8.html" title="">公务车1</a></li>
        <li><a target="_blank" href="https://v.qq.com/x/page/t0380qo9vzg.html" title="">公务车2</a></li> -->
        <!-- <li><a target="_blank" href="CanteenManagementCar.html" title="">食堂管理</a></li> -->
        <!-- <li><a target="_blank" href="CommuterCar.html" title="">共享单车</a></li> -->
      </ul>       
    </div>
    
    <div style="margin:0px auto; text-align:center">
        <!-- <a href="http://www.100sucai.com/"><img src="media/uhooWeb_26.jpg"/></a> -->
        <!-- <img src="static/image/home3.png" alt=""> -->
    </div>
    <!-- <div class="zd-video-container zd-video-ispause" id="myvideo">
    </div> -->
  </div>
</div>
  
</html>
<script>
  $(function(){
    var videoLis = $(".videoList").children().children();
    // console.log(videoLis);
    // for (var i = 0; i < videoLis.length; i++) {
      $('.li1').mouseenter(function(event) {
        // this.css({'color':'#649BF7'});
        // $(".videoList ul li.li1 a p").css({'color':'#649BF7'});
        $(".videoList ul li a .p11").addClass('current');
        $(".videoList ul li a .p22").removeClass('current');
        $(".videoList ul li a .p33").removeClass('current');
        $(".videoList ul li a .p44").removeClass('current');
        // console.log(videoLis[1]);
      });
      $('.li1').mouseleave(function(event) {
        $(".videoList ul li a .p11").removeClass('current');
        // $(".videoList ul li.li1 a p").css({'color':'#091429'});
      });

      $('.li2').mouseenter(function(event) {
        // this.css({'color':'#649BF7'});
        // $(".videoList ul li.li1 a p").css({'color':'#649BF7'});
        $(".videoList ul li a .p22").addClass('current');
        $(".videoList ul li a .p11").removeClass('current');
        $(".videoList ul li a .p33").removeClass('current');
        $(".videoList ul li a .p44").removeClass('current');
        // console.log(videoLis[1]);
      });
      $('.li2').mouseleave(function(event) {
        $(".videoList ul li a .p22").removeClass('current');
        // $(".videoList ul li.li1 a p").css({'color':'#091429'});
      }); 

      $('.li3').mouseenter(function(event) {
        // this.css({'color':'#649BF7'});
        // $(".videoList ul li.li1 a p").css({'color':'#649BF7'});
        $(".videoList ul li a .p33").addClass('current');
        $(".videoList ul li a .p11").removeClass('current');
        $(".videoList ul li a .p22").removeClass('current');
        $(".videoList ul li a .p44").removeClass('current');
        // console.log(videoLis[1]);
      });
      $('.li3').mouseleave(function(event) {
        $(".videoList ul li a .p33").removeClass('current');
        // $(".videoList ul li.li1 a p").css({'color':'#091429'});
      });  

      $('.li4').mouseenter(function(event) {
        // this.css({'color':'#649BF7'});
        // $(".videoList ul li.li1 a p").css({'color':'#649BF7'});
        $(".videoList ul li a .p44").addClass('current');
        $(".videoList ul li a .p33").removeClass('current');
        $(".videoList ul li a .p22").removeClass('current');
        $(".videoList ul li a .p11").removeClass('current');
        // console.log(videoLis[1]);
      });
      $('.li4').mouseleave(function(event) {
        $(".videoList ul li a .p44").removeClass('current');
        // $(".videoList ul li.li1 a p").css({'color':'#091429'});
      });
    // }
  })
</script>